@mixin box-border($border-color,$top,$right,$bottom,$left,$border-style:solid) {
	border-style: $border-style;
	border-color: $border-color;
	border-width: $top $right $bottom $left;
}
//个人
@mixin box-position($left:50%,$top:50%,$x:-50%,$y:-50%,$position:absolute) {
  position: $position;
  left: $left;
  top: $top;
  @include translate($x,$y);
}
@mixin layout-position($top:0, $right:0, $bottom:0, $left:0, $position:absolute) {
  position: $position;
  top: $top;
  right: $right;
  bottom: $bottom;
  left: $left;
}
@mixin box-middle($x:-50%,$y:-50%) {
  position: absolute;
  left: 50%;
  top: 50%;
  @include translate($x,$y);
}
@mixin box-center($w,$mt:0,$mb:0) {
  width: $w;
  margin: $mt auto $mb;
}
@mixin right-middle($right:15px,$x:0,$y:-50%) {
  position: absolute;
  right: $right;
  top: 50%;
  @include translate($x,$y);;
}
@mixin left-middle($left:15px,$x:0,$y:-50%) {
  position: absolute;
  left: $left;
  top: 50%;
  @include translate($x,$y);
}
@mixin ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@mixin ellipsis-more($lines) {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal!important;
-webkit-line-clamp: $lines;
-webkit-box-orient: vertical;
}

@mixin circular($size){
  width: $size;
  height: $size;
  border-radius: 50%;
  line-height: $size;
  text-align: center;
}
@mixin full-box($top:0 ,$right:0,$bottom:0,$left:0){
  position: absolute;
  top: $top;
  right: $right;
  bottom: $bottom;
  left: $left;
}

@mixin clip-path($clip) {
  -webkit-clip-path: $clip;
  -moz-clip-path: $clip;
  -ms-clip-path: $clip;
  clip-path: $clip;
}

@mixin thumb-size($size) {
  max-width: $size;
  max-height: $size;
  height: $size;
  width: $size;
}

@mixin avatar-size($size) {
  min-width: $size;
  min-height: $size;
  height: $size;
  width: $size;
}
